<style>
.fui-footer .btn {
    margin-top: .6rem;
}
	.order_detail .fui-list-inner .title.has-address {
		font-size: .7rem;
		line-height: 1.2rem;
		height: 1.2rem;
		display: block;
	}
	.order_detail .fui-list-inner .text{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.order_detail .fui-list:before{
		border: 0;
	}
	.order_detail .fui-list_title{
		position: relative;
		display: flex;
		align-items: center;
		line-height: normal;
	}
	/*.order_detail .fui-list_title:before{*/
		/*content: " ";*/
		/*position: absolute;*/
		/*left: 0.5rem;*/
		/*right: 0.5rem;*/
		/*bottom: 0;*/
		/*height: 1px;*/
		/*border-top: 1px solid #ebebeb;*/
		/*color: #D9D9D9;*/
		/*-webkit-transform-origin: 0 0;*/
		/*-ms-transform-origin: 0 0;*/
		/*transform-origin: 0 0;*/
		/*-webkit-transform: scaleY(0.5);*/
		/*-ms-transform: scaleY(0.5);*/
		/*transform: scaleY(0.5);*/
	/*}*/
	.order_detail  .lineblock {
		position: relative;
		overflow: hidden;
	}
	.order_detail  .lineblock:before {
		content: "";
		position: absolute;
		left: .5rem;
		top: 0;
		right: .5rem;
		height: 1px;
		border-top: 1px solid #ebebeb;
		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scaleY(0.5);
		-ms-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
.fui-header:after {
	border-bottom: 0 solid #D9D9D9;
}
.fui-content {
	padding:0.5rem;
	padding-bottom:3.8rem
}
</style>
<style>
.ui-step {
    padding:0.3rem 0;
    zoom: 1;
    margin: 0 0.3rem;
}
.ui-step:after {
    content: "";
    display: table;
    clear: both
}
.ui-step li {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	list-style:none;
    text-align: center
}
.ui-step li::before, .ui-step li::after {
    position: absolute;
    left: 0;
    top: 46px;
    display: block;
    content: ' ';
    width: 50%;
    height: 4px;
    background: #f2f3f7;
    z-index: 1
}
.ui-step li::after {
    left: 50%
}
.ui-step li:first-child::before {
    width: 0
}
.ui-step li:last-child::after {
    width: 0
}
.ui-step .ui-step-title {
    color: #333;
    font-size: 0.5rem;
    line-height: 18px
}
.ui-step .ui-step-number {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 37px;
    margin: 10px 0;
    line-height: 37px;
    background: #f2f3f7;
    color: #cac9c9;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}
.ui-step li.ui-step-done .ui-step-number {
    color: #fff;
}
.ui-step .ui-step-meta {
    color: #ccc;
	font-size:0.5rem
}
.ui-step li.ui-step-done::before,
.ui-step li.ui-step-done::after,
.ui-step li.ui-step-done .ui-step-number {
    background: #54c952
}
.ui-step-2 li {
    width: 50%
}
.ui-step-3 li {
    width: 33.33333%
}
.ui-step-4 li {
    width: 24.9999%
}
.ui-step-5 li {
    width: 20%
}
.ui-step-8 li {
    width: 12.499%;
}
</style>
<!--状态-->
			<div class="order_header" style="padding-top: .76rem; margin-bottom: -.266667rem;">
			  <div ng-if="pagedata.order.status==0 && pagedata.order.upseconds!=0" class="svg-box" ng-init="tool.time_down(pagedata.order.upseconds)">
					<span id="upcircle">
					  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0" y="0" viewBox="0 0 140 140">
						<circle fill="none" stroke="#eaeaea" stroke-width="8" cx="70" cy="70" r="64"></circle>
						<circle fill="none" stroke="#d62f35" stroke-width="8" stroke-miterlimit="1" stroke-dasharray="428, 428" stroke-linecap="round" cx="70" cy="70" r="64">
						  <animate  attributeName="stroke-dashoffset" begin="0s" dur="{{pagedata.order.outseconds}}" from="-{{pagedata.order.fromseconds}}" to="-428" repeatCount="1"></animate>
						</circle>
					  </svg>
					</span>
					<span id="text">{{pagedata.order.upseconds.minute}}:{{pagedata.order.upseconds.second}}</span>
			  </div>
			  <div class="red" style="width:2.6rem;margin:0 auto">
				<i ng-if="pagedata.order.status == 4" class="icon icon-wrong" style="font-size:2.6rem"></i>
				<i ng-if="pagedata.order.status == 3" class="icon icon-success" style="font-size:2.6rem"></i>
				<i ng-if="pagedata.order.status == 2 || pagedata.order.status == 1" class="icon icon-clock" style="font-size:2.6rem"></i>
			  </div>
			  <div class="order_detail_ststus" style="padding:0.3rem;background:none">
					<div class="bold">
						<div style="font-size: 0.85rem;">{{pagedata.order.statustitle}}</div>
					</div>
					<div class="subtitle">{{pagedata.order.statusdesc}}</div>
			 </div>
			</div>
			<!--车辆信息-->
			<div class="fui-list-group" style="background:#fff">
				<div>
					<div class="fui-list-group-title lineblock bold">
						空调
					</div>
					<div href="javascript:;" ng-repeat="g in pagedata.order.peigoods" class="external">
							<div class="fui-list">
								<div class="fui-list-media" style="">
									<img class="" ng-src="{{tomedia(g.image) || '../core/resource/images/nopic.jpg'}}">
								</div>
								<div class="fui-list-inner" style="height:auto">
									<div class="text goodstitle towline">{{g.title}}</div>
									<div class="text" style="font-size:0.65rem">
									<span class="">面积{{g.mianji||0}}m²</span>
									</div>
									<div class="text">机型{{g.goodssn}}</div>
									<div class="text">数量{{g.total}}</div>
								</div>
								<div class="fui-list-angle" style="width:auto">
									<div><span class="marketprice syscolorred">￥{{g.price}}</span></div>
								</div>
							</div>
							<div class="gray" style="padding:0 0.5rem;font-size:0.65rem">总制冷里{{g.wfee}}W ，总制冷里{{g.wfee}}w/m²，内机总冷里{{g.onewfee}}W</div>
					</div>
				</div>
				<div>
					<div class="fui-list-group-title lineblock bold">
						外机
					</div>
					<div href="javascript:;" ng-repeat="g in pagedata.order.waiji" class="external">
							<div class="fui-list">
								<div class="fui-list-media" style="">
									<img class="" ng-src="{{tomedia(g.image) || '../core/resource/images/nopic.jpg'}}">
								</div>
								<div class="fui-list-inner" style="height:auto">
									<div class="text goodstitle towline">{{g.title}}</div>
									<div class="text">机型{{g.goodssn}}</div>
									<div class="text">数量{{g.total}}</div>
								</div>
								<div class="fui-list-angle" style="width:auto">
									<div><span class="marketprice syscolorred">￥{{g.price}}</span></div>
								</div>
							</div>
							<div class="gray" style="padding:0 0.5rem;font-size:0.65rem">总制冷里{{g.wfee}}W ，配比{{g.peibi}}</div>
					</div>
				</div> 
				<div>
					<div class="fui-list-group-title lineblock bold">
						线控器
					</div>
					<div href="javascript:;" ng-repeat="g in pagedata.order.kongjian" class="external">
							<div class="fui-list">
								<div class="fui-list-media" style="">
									<img class="" ng-src="{{tomedia(g.image) || '../core/resource/images/nopic.jpg'}}">
								</div>
								<div class="fui-list-inner" style="height:auto">
									<div class="text goodstitle towline">{{g.title}}</div>
									<div class="text">机型{{g.goodssn}}</div>
									<div class="text">数量{{g.total}}</div>
								</div>
								<div class="fui-list-angle" style="width:auto">
									<div><span class="marketprice syscolorred">￥{{g.price}}</span></div>
								</div>
							</div>
					</div>
				</div> 			
		</div>
		<!--门店-->
		<div ng-show="!pagedata.order.ismerch && pagedata.stores.length>0" class="fui-according-group">
			<div class="fui-according expanded">
				<div class="fui-according-header">
					<span class="text bold">适用门店</span>
							<span class="remark">
								<span class="badge">{{pagedata.stores_count}}</span>
							</span>
				</div>
				<div class="fui-according-content">
					<div class="content-block">
						<div class="fui-cell-group notop store-container">	
							<a ng-repeat="item in pagedata.stores" href="javascript:" ng-click="access_json('jy_weishop/store.detail//id='+item.id)" class="fui-cell">
								<div class="fui-cell-icon">
									<i class="icon icon-dianpu"></i>
								</div>
								<div class="fui-cell-info">
									{{item.title || '平台自营'}}
								</div>
								<div class="fui-cell-remark">
									查看
								</div>
							</a>
							<div ng-show="pagedata.stores_count>3" class='show-allshop'><span class='show-allshop-btn'>加载更多门店</span></div>
						
						</div>
					</div>
				</div>
			</div>
		</div>
		<div ng-show="pagedata.carrier" class="fui-cell-group">
			<div class="fui-cell">
				<div class="fui-cell-info">
					姓名：{{pagedata.carrier.carrier_realname}}
				</div>
				<div class="fui-cell-remark noremark">
				</div>
			</div>
			<div class="fui-cell">
				<div class="fui-cell-info">
					电话：{{pagedata.carrier.carrier_mobile}}
				</div>
				<div class="fui-cell-remark noremark">
				</div>
			</div>
		</div>	
		<!--车辆小计-->
		<div class="fui-cell-group noborder">
			<div class="fui-cell-title bold" style="padding: 0 0.5rem 0.5rem;">费用明细</div>
			<div class="fui-cell" style="margin-top:0.3rem">
				<div class="fui-cell-label">空调小计</div>
				<div class="fui-cell-info syscolor">
					{{pagedata.order.buytypetitle || '(套餐总价)'}}
				</div>
				<div class="fui-cell-remark noremark">
					&yen; {{price(pagedata.order.price) || '0.00'}}
				</div>
			</div>

			</div>
			<div class="fui-cell-group noborder">
				<div class="fui-cell-title bold" style="padding:0 0.5rem 0.5rem;">订单详情</div>
				<div class="fui-cell" style="margin-top:0.3rem">
					<div class="fui-cell-label">订单编号</div>
					<div class="fui-cell-info">
					</div>
					<div class="fui-cell-remark noremark">
						{{pagedata.order.ordersn}}
					</div>
				</div>
				<div class="fui-cell">
					<div class="fui-cell-label">创建时间</div>
					<div class="fui-cell-info">
					</div>
					<div class="fui-cell-remark noremark">
						{{pagedata.order.createtime}}
					</div>
				</div>
				
					<div ng-show='pagedata.order.status>=1 && pagedata.order.paytime > 0' class="fui-cell">
						<div class="fui-cell-label">
							支付时间
						</div>
						<div class="fui-cell-info">
						</div>
						<div class="fui-cell-remark noremark">
							{{pagedata.order.paytime}}
						</div>
					</div>
					<div ng-show='pagedata.order.paytypetitle' class="fui-cell">
						<div class="fui-cell-label">
							支付方式
						</div>
						<div class="fui-cell-info">
						</div>
						<div class="fui-cell-remark noremark">
							{{pagedata.order.paytypetitle}}
						</div>
					</div>
						<div ng-show='pagedata.order.sendtype==1 && pagedata.order.isverify!=2 && pagedata.order.status>=2 && pagedata.order.status!=4' class="fui-cell">
							<div class="fui-cell-label">
							{{pagedata.order.isverify==0?'发货时间':'部分发货'}}
							</div>
							<div class="fui-cell-info">
							</div>
							<div class="fui-cell-remark noremark">
								{{pagedata.order.sendtime}}
							</div>
						</div>
				
					<div ng-show='pagedata.order.status==3' class="fui-cell">
						<div class="fui-cell-label">
							完成时间
						</div>
						<div class="fui-cell-info">
						</div>
						<div class="fui-cell-remark noremark">
							{{pagedata.order.finishtime}}
						</div>
					</div>
				
			</div>
			<div ng-if="pagedata.order_data.length>0" class="fui-cell-group noborder">	
				<div class="fui-cell-title bold" style="padding: 0 0.5rem 0.5rem;">提交信息</div>
				<div ng-repeat='(key,value) in pagedata.order_data' class="fui-cell">
					<div class="fui-cell-label">{{value.title}}</div>
					<div class="fui-cell-info">
					</div>
					<div ng-if="value.type!=3" class="fui-cell-remark noremark">
						{{value.data}}
					</div>
					<div ng-if="value.type==3" class="fui-cell-remark noremark">
						<img style="width:2rem;height:2rem" ng-src="{{tomedia(value.data) || '../core/resource/images/nopic.jpg'}}"/>
					</div>
				</div>			
			</div>
			<div class="fui-menu-group">
				<div class="fui-menu-item fui-cell-group">
					<div ng-click="pagedata.tokefu();" class="fui-cell" style="padding:0.2rem 0.5rem;border: 1px solid #666;">
						<div class="icon icon-circle" style="">
							<i class="icon icon-kefu1" style="font-size:0.8rem"/> 
						</div>
						<div style="margin-left:0.3rem;text-align:left">
							<div class="text">在线客服</div>
							<div class="subtitle" style="font-size:0.6rem">{{pagedata.shopset.onlinetime.start||'9:00'}}~{{pagedata.shopset.onlinetime.end||'20:00'}}</div>
						</div>
					</div>
				</div>
				<div class="fui-menu-item fui-cell-group">
					<a href="tel:{{pagedata.shopset.phone || pagedata.shopset.mobile}}" class="fui-cell" style="padding:0.2rem 0.5rem; border: 1px solid #666;">
						<div class="icon icon-circle" style="">
							<i class="icon icon-phone" style="font-size:0.8rem"/> 
						</div>
						<div style="margin-left:0.3rem;text-align:left">
							<div class="text">电话客服</div>
							<div class="subtitle" style="font-size:0.6rem">{{pagedata.shopset.time.start||'9:00'}}~{{pagedata.shopset.time.end||'18:00'}}</div>
						</div>
					</a>
				</div>
			</div>
<div ng-if="pagedata.show_logimg" class="popup">
	<div class="popup-body">
		<div class="popup-center">
			<i class="closed icon icon-cuowu" ng-click="pagedata.show_logimg=false"></i>
			<div class="content-images" style="padding:0.5rem;height:20rem; overflow-y:scroll;">
					<div class="title bold" style="font-size:0.8rem">[预览]凭证</div>
					<div class="text" style="padding-top:0.5rem;font-size:0.7rem">
						<img style="width:100%" ng-src="{{tomedia(pagedata.now_logimg)}}">
					</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
scope.pagedata.payaddprice=function(id){
	scope.post_json('jy_weishop/order.list/payaddfee/id='+id,{},function(result){
		scope.pagedata.order_id=result.order_id;
		scope.$evalAsync();
		scope.tool.pay(result.pay_id,function(res){
				if(res.type=='success'){
					scope.message('支付成功！','success','/order.list/');
				}else{
					scope.message('支付失败！','success','/order.list/');
				}
			});
	});
}
scope.pagedata.show_verify=function(url,code){
	scope.tool.qr(url,'show_verify_ewm',150)
	$('#show_verify_code').text(code);
	$('.mask').css({display:'block'});
}	
$('.mask').click(function(){
	$(this).css({display:'none'})
})
scope.pagedata.tokefu=function(){
	if(!scope.pagedata.shopset.kefutype_h5 || scope.pagedata.shopset.kefutype_h5==0){
		scope.access_json(scope.pagedata.shopset.kflink);
	}else if(scope.pagedata.shopset.kefutype_h5==1){
		scope.pagedata.kefuqr=scope.pagedata.shopset.kf_accountimg;
		scope.pagedata.showqrcode=1;
		scope.pagedata.openwxlink(item.linkurl);
	}else if(scope.pagedata.shopset.kefutype_h5==2){
		scope.access_json(scope.pagedata.shopset.appkflink);
	}else if(scope.pagedata.shopset.kefutype_h5==3){
		scope.access_json(scope.pagedata.shopset.workerh5url);
	}else if(scope.pagedata.shopset.kefutype_h5==4){
		scope.pagedata.kefuqr=scope.pagedata.shopset.guwenkfewm;
		scope.pagedata.showqrcode=1
	}
	scope.$evalAsync();
};
</script>